<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../../js/vue.js"></script>
</head>
<body>

    <div id="app">

      <App></App>

    </div>

</body>
<script>

    Vue.config.productionTip = false; // 解决警告信息的
    
    /*
     const App = Vue.extend({
     
      name: "App",
      template:`
      <h1>App {{message}}</h1>
      `,

    });

    等价于下面的写法
    
    */ 

    const App = {

      name: "App",
      template:`
      <h1>App </h1>
      `,

    }
   
    

    const vm = new Vue({
      el: "#app",
      data() {
        return {
         
        };
      },

      components:{
        App,

      }
    });
  </script>


</html>